// vue.config.js
// 导入node中的pass模块来处理路径
const path = require('path')
const coverPath = path.join(__dirname, './src/cover.less')
console.log(process.env.NODE_ENV)
const obj = {
  // 打包优化
  // import 时的包名称: window 全局的成员名称,对排除打包的那个包文件进行声明
  // 高亮
  'highlight.js': 'hljs',
  vue: 'Vue',
  'vue-router': 'VueRouter',
  vuex: 'Vuex',
  axios: 'axios',
  vant: 'vant',
  dayjs: 'dayjs',
  'socket.io-client': 'io',
  popmotion: 'popmotion'

}
module.exports = {
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        modifyVars: {
          // 直接覆盖变量
          // 'text-color': '#111',
          // 'border-color': '#eee',
          // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
          hack: `true; @import "${coverPath}";`
        }
      }
    }
  },
  // 打包的时候希望用file格式进行打开就需要进行以下配置
  publicPath: './',
  configureWebpack: {

    externals: process.env.NODE_ENV === 'development' ? {} : obj
  },
  chainWebpack: config => {
    config.plugin('html').tap(args => {
      args[0].title = '头条-wxf'
      // 根据当前的编译模式,动态为mode赋值
      args[0].mode = process.env.NODE_ENV
      console.log(args)
      return args
    })
  },
  devServer: {
    open: true,
    port: 3030
  }
}
